<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<input type="button" value="读取" id="btn1">
<script>
	window.onload=function () {
	  var btn = document.getElementById("btn1");
	      btn.onclick = function () {


		  }
	}
	function ajax(url,fn) {
			//1.创建ajx对象
			var xhr = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
			//2.连接服务器
			xhr.open("post",url);
			//3.发送请求
			xhr.send();
			//4.接收请求
			xhr.onreadystatechange = function () {
				//  xhr.readyState  //浏览器跟服务器到哪一步了
				//0.未初始化，还没有调用open方法
				//1.载入，已经调用send方法，正在发送请求
				//2.载入完成，send方法完成，已经收到全部响应内容
				//3.解析，正在解析响应内容
				//4.完成，响应内容解析完成，可以在客户端调用了
				if(xhr.readyState===4){
					if(xhr.status===200){
						//成功
						fn(xhr.responseText);
					}else{
						//失败
					}
				}
			}
	}
</script>
</body>
</html>